<template>
  <div class="salary-container">
    <van-nav-bar
      style="background-color: #fff;"
      title="社保查询"
      left-text="返回"
      left-arrow
      @click-left="$router.go(-1)"
    />
    <header-card :myProp="myProp"></header-card>
    <div class="main-box">
      <div class="empty-box"></div>
    </div>
  </div>
</template>

<script>
import HeaderCard from '@/components/headerCard.vue'
export default {
  name: 'salaryRecordSearch',
  components: {
    'header-card': HeaderCard
  },
  data () {
    return {
      show: false,
      username: '',
      phone: '',
      sms: '',
      recordArrow: 'arrow-down',
      currentDate: new Date(),
      myProp: {
        username: '刘*红',
        idNum: '440223********2235',
        isIndex: false
      }
    }
  },
  created () {
  },
  methods: {
    // 前往个人参保信息页面
    toPesonSocialInfoPage () {
      this.$router.push('/personSocialInfo')
    },
    onConfirm (value, index) {
      console.log(value, index)
      this.show = false
      this.recordYear = value
      this.recordArrow = 'arrow-down'
    },
    // 切换年份
    changeYear () {
      this.recordArrow = 'arrow-up'
      this.show = true
    }
  }
}
</script>

<style scoped lang="less">
.salary-container{
  font-size: 14px;
  min-height: 100vh;
  background-color: #f8f8f8;
  .main-box{
    position: relative;
    background-color: #f8f8f8;
    .btn{
      margin-top: 15px;
    }
  }
  .empty-box{
    height: 30px;
    width: 100%;
    background-color: transparent;
  }
}
</style>
